@import url(./cssVar/cssVar.less);

#root {
  width: 100vw;
  height: 100vh;
}

body {
  font-family: var(--fba-font-family) !important;
  font-size: var(--fba-font-size) !important;
  line-height: var(--fba-line-height) !important;
  background-color: var(--fba-bg) !important;
}
input:-internal-autofill-previewed,
input:-internal-autofill-selected {
  -webkit-text-fill-color: none !important;
  transition: background-color 5000s ease-in-out 0s !important;
}

// 滚动条
@scrollSize: 7px;
@scrollBg: rgba(0, 0, 0, 0.2);
@scrollHoverBg: rgba(0, 0, 0, 0.25);
@scrollActiveBg: rgba(0, 0, 0, 0.3);
* {
  scrollbar-color: auto !important;
  scrollbar-gutter: auto !important;
  scrollbar-width: auto !important;
}
::-webkit-scrollbar {
  display: block !important;
  width: @scrollSize !important;
  height: @scrollSize !important;
  border: 0 !important;
  background-color: transparent !important;
}
::-webkit-scrollbar-thumb {
  display: block !important;
  border: 1px solid transparent !important;
  border-radius: 99px !important;
  background-color: @scrollBg !important;
  background-clip: padding-box !important;
  &:hover {
    background-color: @scrollHoverBg !important;
  }
  &:active {
    background-color: @scrollActiveBg !important;
  }
}
::-webkit-scrollbar-track,
::-webkit-scrollbar-track-piece,
::-webkit-scrollbar-button,
::-webkit-scrollbar-corner {
  display: none !important;
  background-color: transparent !important;
}
// 虚拟滚动条内联样式覆盖：https://github.com/react-component/virtual-list/blob/v3.14.5/src/ScrollBar.tsx#L258
.ant-select-tree-list-scrollbar,
.rc-virtual-list-scrollbar {
  width: @scrollSize !important;
  border: 0 !important;
  background-color: transparent !important;
  pointer-events: none !important;
  &-show {
    display: block !important;
  }
  &-thumb {
    border: 1px solid transparent !important;
    border-radius: 99px !important;
    background-color: @scrollBg !important;
    background-clip: padding-box !important;
    cursor: default !important;
    pointer-events: auto !important;
    &:hover {
      background-color: @scrollHoverBg !important;
    }
    &:active {
      background-color: @scrollActiveBg !important;
    }
  }
}
.small_print {
  font-size: 12px;
  color: rgba(0, 0, 0, 0.6);

  &_strong {
    font-weight: 600;
  }
}
